<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    1、行高继承：
    <div style="font: 12px/1.5 'Microsoft YaHei UI'">
        <div style="font-size: 15px">自定义字符大小为15px后，此行高度为15x1.5 px</div>
        <p>此行的高度为12x1.5 px</p>
    </div>
    2、权重：不管父级权重多高，子级元素权重都是0
    <table border="1">
        <tr>
            <th>
                选择器
            </th>
            <th>
                选择器权重
            </th>
        </tr>
        <tr>
            <td>
                继承或者*
            </td>
            <td>
                0,0,0,0
            </td>
        </tr>
        <tr>
            <td>
                标签
            </td>
            <td>
                0,0,0,1
            </td>
        </tr>
        <tr>
            <td>
                类（伪类）选择器
            </td>
            <td>
                0,0,1,0
            </td>
        </tr>
        <tr>
            <td>
                id选择器
            </td>
            <td>
                0,1,0,0
            </td>
        </tr>
        <tr>
            <td>
                行内样式
            </td>
            <td>
                1,0,0,0
            </td>
        </tr>
        <tr>
            <td>
                !import
            </td>
            <td>
                无穷大
            </td>
        </tr>
    </table>
    【注：】当实际使用时，往往会用并集选择器、交集选择器，随即也就有了权限的叠加问题
    <div>
        如：ul li {...}，权限叠加后为0,0,0,1+0,0,0,1=0,0,0,2,如果是十个叠加就为0,0,0,10，不存在进位的情况
    </div>
    <div>
        如：.test{...},权限为0,0,1,0,这种权限级别仍要高于0,0,0,10
    </div>
</body>
</html>
